<template>
  <div>
    <fieldset class="form-group">
      <input class="form-control form-control-lg" type="text" placeholder="Email" />
    </fieldset>创建文章
    <div class="editor-page">
      <div class="container page">
        <div class="row">
          <div class="col-md-10 offset-md-1 col-xs-12">
            <form>
              <fieldset>
                <fieldset class="form-group">
                  <input
                    type="text"
                    class="form-control form-control-lg"
                    placeholder="Article Title"
                  />
                </fieldset>
                <fieldset class="form-group">
                  <input type="text" class="form-control" placeholder="What's this
article about?" />
                </fieldset>
                <fieldset class="form-group">
                  <textarea
                    class="form-control"
                    rows="8"
                    placeholder="Write your
article (in markdown)"
                  ></textarea>
                </fieldset>
                <fieldset class="form-group">
                  <input type="text" class="form-control" placeholder="Enter
tags" />
                  <div class="tag-list"></div>
                </fieldset>
                <button class="btn btn-lg pull-xs-right btn-primary" type="button">Publish Article</button>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  middleware: "authenticated",
  name: "editor",
  components: {},

  // 当你想要动态页面内容有利于 SEO 或者是提升首屏渲染速度的时候，就在 asyncData 中发请求拿数据
  async asyncData() {
    console.log("asyncData");
    console.log(this);
    // const res = await axios({
    //   method: 'GET',
    //   url: 'http://localhost:3000/data.json'
    // })
    return {};
  },

  // 如果是非异步数据或者普通数据，则正常的初始化到 data 中即可
  data() {
    return {
      foo: "bar",
    };
  },
};
</script>

<style>
</style>
